<template>
  <div class="shop">
    <v-header :seller="seller_list"></v-header>
    <v-tab></v-tab>
    <keep-alive><router-view></router-view></keep-alive>
    <!-- <router-view></router-view> -->
    <!-- <v-shopcar></v-shopcar> -->
  </div>
</template>
<script>
import vHeader from "@/components/vHeader";
import vTab from "@/components/vTab";
// import vShopcar from "@/components/vShopcar";
import { ApiGetMain } from "@/api";
export default {
  name: "shop",
  data() {
    return {
      seller_list: {}
    };
  },
  computed: {},
  created() {
    this.init();
  },
  methods: {
    init() {
      this.getApiSellerData();
    },
    async getApiSellerData() {
      await ApiGetMain("seller").then(res => {
        this.seller_list = res.data;
        console.log(res);
      });
    }
  },
  components: {
    vHeader,
    vTab,
    // vShopcar
  }
};
</script>
<style lang='less' scoped>
.shop {
  display: flex;
  flex-direction: column;
   .goods{
       flex: 1;
   }
}
</style>